<template>
  <div class="tabber_box">
    <van-tabbar route placeholder>
      <van-tabbar-item replace to="/" icon="home-o"> 首页 </van-tabbar-item>
      <van-tabbar-item replace to="/search" icon="search">
        搜索
      </van-tabbar-item>
      <van-tabbar-item replace to="/shoppingCar" icon="cart-o">
        购物车
      </van-tabbar-item>
      <van-tabbar-item replace to="/my" icon="user-o"> 我的 </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script lang="ts">
import { defineComponent, reactive, toRefs } from "vue";
export default defineComponent({
  name: "NavBar",
  props: {
    title: {
      type: String,
      default: "爱买不买",
    },
  },
  setup() {
    const state = reactive({});
    return { ...toRefs(state) };
  },
});
</script>
<style lang="scss" scoped></style>
